* fix: can't upload story

* fix: story image renderer

* fix: align comment tray component props

* fix: align story tab component props

* fix: change export name to align signature api

* fix: ddraft page

* fix: align signature api

* fix: story tab

* fix: can't upload story

* fix: story image renderer

* fix: align comment tray component props

* fix: align story tab component props

* fix: change export name to align signature api

* fix: ddraft page

* fix: align signature api

* fix: story tab

* fix: remove unused

* fix: comment tray

* fix z-index

* fix: signature alignment

* fix: view story page

* feat: add to support 6 users for storybook

* fix: add to read env from secrets

* feat: add to support 6 users for storybook

* fix: add to read env from secrets

* fix: add use secret on staging

* feat: add generateShadeColors func

* feat: add AmityUIKitManager

* chore: add tsdoc to AmityUIKitManager

* fix: merge from develop

* fix: AmityUIKit manager

* fix: remove unused

* fix: revert uikit 3

* fix: remove unused

* fix: export

* fix: move to main v4

* fix: move to v4

* fix: export path

* Refactor theme generation logic in
ThemeProvider.tsx

* fix: theme color generation

* fix: theme provider

* fix: remove unused

* feat: add Typography component with css

* fix: css

* fix: add queryClient provider

* fix: import

* fix: import

* fix: v4

* fix: conflict

* fix: draft page

* fix: setup

* fix: export

* fix: move mergedNavigationBehavior

* fix: remove unused

* fix: remove unused

* fix: uikit manager

* fix: uncomment

* fix: remove unused

* fix: remove unused

* fix: remove unused

* fix: remove unused files

* fix: remove

* fix: login

* fix: css var

* fix: css var

* fix: condition

* fix: css var

* fix: css var

* fix: hook

* fix: type

* fix: ASC-00000 - V4 fix customization (#248)

* fix: config structure

* fix: add hyperlink config

* fix: add validate

* fix: config and hyperlink

* fix: hyperlink

* fix: css

* fix: border radius

* fix: hyperlink

* fix: hyperlink

* fix: add storybook user

* fix: aspect ratio

* fix: hyperlink config css var

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* fix: css var module

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* fix: ASC-21789 - create story on view story page doesn't work (#249)

* fix: video

* fix: uncomment

---------

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

---------

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* feat: add livechat ui

* feat: add chatButton and desktop view

* fix: bg color

* feat: move story to be under V4 storybook folder

* feat: add customComponent

* fix: change chat icon

* fix: remove unread notification

* fix: remove un-used hook

* fix: remove un-used

* fix: change style to module css

* fix: remove unused

* feat: add prefix`asc` to default css config

* fix: remove chatIcon

* fix: modal not open smoothly at the first time

* fix: remove un-used styling

* feat: update color pallate

* feat: update spacing

* feat: update color and fontSize

* fix: box shadow on header

* feat: re-structure folder to v4

* fix: import global css

* fix: use typograhy module css

* fix: remove unused

* feat: add message list and bubbles

* fix: wrap element

* fix: change file name

* feat: add compose bar

* feat: add home indicator

* feat: add sending a mesage action

* fix: sorting message to be asc

* feat: add badge for moderator

* fix: overflow message

* fix: sortBy segmentAsc

* feat: add message list pagination

* feat(chat): add draft-js as a compose bar

* feat: add loading indicator

* feat(chat): fix submit

* feat(chat): fix compose bar container

* feat: add viewing reply message

* fix: deleted message display

* fix: remove comment

* feat(chat): use default compose bar / remove draft-js

* feat(chat): remove draft

* feat(chat-state): asc-20903 done loading state

* feat(chat-state): asc-20903 restructure

* feat(chat-state): asc-20903 apply infinite scroll

* feat(chat-state): asc-20903 include error from sdk api to local hook

* feat(chat-state): asc-20903 add error state

* feat(chat-state): asc-20903 add error state

* feat(chat-mention): asc-00000 create message with mention

* feat: add popover action

* feat: add hover state for message action

* feat: add flag and mention button

* feat(chat-mention): asc-00000 click to mention

* feat: add more action

* fix: merge

* fix: hide mention and flag

* fix: ASC-20213 - fix message list (#219)

* fix: message list of the same user

* fix: z-index

* feat: confirm modal v3 to support dark mode

* fix: change to use i18n

* fix: TODO text display on Modal content

* fix: merge className

* fix: remove unused

* fix: bring overflow-y back

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

---------

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* fix(chat): fix pagination issue (#223)

* feat(chat): ASC-21243 - create message with reply message (#218)

* feat(chat): reply placeholder

* feat(chat): create message with reply

* feat: ASC-00000 - dark mode hard code (#225)

* fix: dark theme color palatte

* fix: header color styling

* fix: colors on message bubble

* fix: color on popover

* fix: color on optionIcon

* fix(chat): asc-00000 -  fix loading state css broken (#221)

* fix(chat): asc-00000 loading state css missing

* fix(chat): asc-00000 loading state css missing

* feat(chat): ASC-20222 - connection offline alert (#213)

* feat(chat): asc-20222 - connection state

* feat(chat): asc-20222 - add more connection

* feat(chat): asc-20222 - update PR

* feat(chat): asc-20222 - update PR

* feat: update PR

* fix(chat): ASC-00000 - update mention payload (#224)

* fix(chat): update mention payload

* fix(chat): mention ALL

* fix: sample app to open sheet every selection

* fix: hide heart reaction

* feat: ASC-20213 - fix popover still show (#235)

* fix: popover still show

* fix: bring just ArrowTop code back

* fix: resize messagelist container (#232)

* feat: ASC-20213 - highlight mention message (#236)

* fix: popover still show

* fix: bring just ArrowTop code back

* feat: add hilight for mention message

* fix: truncate long text of replied message

* fix: change getTextWithMention to be a component

* fix: message not show as a new line

* feat: ASC-20213 - fix consequence message list (#237)

* fix: remove consequence message list

* fix: remove unused

* feat(chat): ASC-00000 - api alignment for chat header (#241)

* feat(chat): api alignment chat header

* Update src/v4/chat/components/AmityLiveChatHeader/livechatHeader.stories.tsx

* feat(chat): ASC-00000 - export AmityLiveChatHeader

* fix: ASC-21776 - reply message display on compose bar is over the screen (#242)

* fix: reply display message over the screen

* feat: remove comment

* feat(chat): duplicate useSocialMention => useMention and revert

* feat(chat): update pr

* fix(chat): ASC-00000 - change theme for message composer (#234)

* fix(chat): ASC-00000 - duplicate v4

* fix(chat): ASC-00000 - check message length before submit

* fix(chat): ASC-00000 -update styling

* fix(chat): ASC-00000 - update styling

* fix(chat): prettier remove code by accident

* fix(chat): remove styled component

* fix(chat): asc-21737 - update condition to prevent create duplicate message (#245)

* fix(chat): asc-21791 - fix mention payload (#243)

* feat(chat): update pr

* feat: ASC-20213 - message bubble api alignment (#247)

* fix: message bubble api aligment

* fix: to use action as params for message bubble

* feat: export elements

* fix: remove unused

* fix: change type name

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* fix: type name

* feat: expose component

* fix: wrong type name

* fix: modify expose component

* fix: storybook's name

---------

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* fix(chat): ASC-21796 - query chat after connection back to normal + api alignment (#246)

* fix(chat): asc-21796 reload data when connection back to normal

* feat(chat): api alignment for message list

* feat(chat): export

* feat(chat): api align live chat page

* feat(chat): api align for composer

* feat(chat): update pr

* feat(chat): update pr

* feat(chat): remove all v4 component from useCustomComponent

* feat(chat): update pr - remove chat header

* feat(chat): ASC-00000 - compose bar api alignment (#250)

* feat(chat): composebar alignment

* feat(chat): update pr

* fix(chat): revert code (#251)

* feat: ASC-20213 - modal notification v4 (#252)

* fix: add confirm modal v4

* fix: change to use Notification v4

* fix: remove unused

* fix: duplicate icon to v4

* fix: move confirm model component

* fix: revert modal and confirm v3 components

* fix: revert notification v3

* fix: move Icon to v4 and remove unused icon

* fix(chat): revert code

* feat: ASC-20213 -  fix delete message display (#256)

* fix: move component to v4 folder

* fix: delete message

* feat(chat): update pr

* fix(chat): ASC-21734 - Fix UI Bug (#255)

* fix(chat): update mention ui

* fix(chat): update mention ui

* fix(chat): update delete word

* fix(chat): update mention ui

* fix(chat): update mention ui

* Update src/i18n/en.json

Co-authored-by: Pitchaya T. <[email protected]>

* feat(chat): update mention logic

* feat(chat): update pr

* feat(chat): revert text

* feat(chat): update mention logic

* fix(chat): popup width

* fix(chat): font-color in light mode

* fix(chat): placeholder

* fix(chat): fix moderator

* feat(chat): fix mention

* feat(chat): fix avatar in reply

* feat(chat): update pr

* feat(chat): use rem

* feat(chat): update pr

---------

Co-authored-by: Pitchaya T. <[email protected]>

* fix: ASC-20213 - bug staging (#257)

* fix: bug staging

* fix: revert overflow-x

* feat: ASC-20213 - livechat configuration merge (#253)

* feat: add generateShadeColors func

* feat: add AmityUIKitManager

* chore: add tsdoc to AmityUIKitManager

* fix: merge from develop

* fix: AmityUIKit manager

* fix: remove unused

* fix: revert uikit 3

* fix: remove unused

* fix: export

* fix: move to main v4

* fix: move to v4

* fix: export path

* Refactor theme generation logic in
ThemeProvider.tsx

* fix: theme color generation

* fix: theme provider

* fix: remove unused

* feat: add Typography component with css

* fix: css

* fix: add queryClient provider

* fix: import

* fix: import

* fix: color palette

* fix: change global.css file

* fix: v4

* fix: conflict

* fix: draft page

* fix: setup

* fix: export

* fix: move mergedNavigationBehavior

* fix: remove unused

* fix: remove unused

* fix: uikit manager

* fix: uncomment

* fix: remove unused

* fix: remove unused

* fix: remove unused

* fix: remove unused files

* fix: remove

* fix: login

* fix: typography and style files

* fix: typography

* fix: message type

* fix: type

* fix: add background to livechat page

* feat: add config for message bubble

* feat: fix cannot load next page

* fix: type

* feat: add placeholder for compose bar configuration

* feat: revert storybook user

* fix: use primary color from theme

* fix: nested component style

* fix: to pass class

* fix: change to be module.css

* fix: remove unused file

* fix: remove unused config

* fix: typography

* fix: default user avatar

* feat: upgrade ts-sdk

* fix: revet theme file

---------

Co-authored-by: Chaiwat Trisuwan <[email protected]>

* fix(chat): change tag

---------

Co-authored-by: ptchaya_p <[email protected]>
Co-authored-by: ptchaya_p <[email protected]>
Co-authored-by: Pitchaya T <[email protected]>
Co-authored-by: Chaiwat Trisuwan <[email protected]>

* fix: update ts-sdk version

* chore(release): 4.0.0-beta.1

---------

Co-authored-by: Chaiwat Trisuwan <[email protected]>
Co-authored-by: bmo-amity-bot <[email protected]>

* fix: export type

* fix: update version

* fix: provider

* fix: provider

* fix: export

* fix: export

* fix: type

* fix: pnpm lock

* fix: deps

* fix: export wrong path (#264)

* chore(release): 4.0.0-beta.2

---------

Co-authored-by: bmo-amity-bot <[email protected]>

* feat: add report button on message action sheet

* feat: add flag ui on message bubble container

* fix: cannot click report button

* feat: add unFlag button

* fix: unflag button text id

* feat: add flag/unflag toast

* feat: add livechat toast

* fix: icon to support color changing

* fix: message and id for report, unreport

* fix: remove unused

* fix: use color from palette

* fix: remove sheet in loading state

* fix: remove wrong return

* fix: type and optional field on config

* fix: remove undefined checking

* fix: use config from customization provider

* fix: mention border when got mention

* fix: remove console.log

* feat: add hyperlink style to primary color

* fix: remove className because Linktify does not support

* fix: remove nested selector and open to new tab

…le (#254)

* feat: add generateShadeColors func

* feat: add AmityUIKitManager

* chore: add tsdoc to AmityUIKitManager

* fix: merge from develop

* fix: AmityUIKit manager

* fix: remove unused

* fix: revert uikit 3

* fix: remove unused

* fix: export

* fix: move to main v4

* fix: move to v4

* fix: export path

* Refactor theme generation logic in
ThemeProvider.tsx

* fix: theme color generation

* fix: theme provider

* fix: remove unused

* feat: add Typography component with css

* fix: css

* fix: add queryClient provider

* fix: import

* fix: import

* fix: v4

* fix: conflict

* fix: draft page

* feat: global feed story tab

* fix: empty state

* fix: css module

* fix: official badge

* fix: css

* fix: css

* fix: css

* fix: update from comments

* fix: story tab item

* feat: feed v4

* fix: private condition

* fix: story

* fix: css

* fix: remove unused

* fix: story

* fix: remove unused

* fix: ignore type

* fix: progress ring

* fix: use clsx

* fix: remove ts-ignore

* fix: remove unused

* feat(chat): isMuted done

* feat(chat): asc-00000 remove comment

* feat(chat): banned user

* feat(chat): update PR

* feat(chat): update PR

…(#275)

* fix(social): asc-00000 use  from v4 folder

* fix(chat): asc-00000 fix mention styling in composebar

* fix: update styling

* fix: compose bar styling

* feat: limit text

* feat: revert file

* feat: revert file

* feat: remove deprecated func

* fix: type and optional field on config

* fix: remove undefined checking

* fix: use config from customization provider

* fix: use defaultConfig

* fix: confirm context

* chore: Update src/social/components/Comment/index.tsx

Co-authored-by: Pitchaya T. <[email protected]>

* chore: remove unused code

---------

Co-authored-by: Pitchaya T. <[email protected]>

* fix: load more mention list

* refactor: load more

Co-authored-by: Bonn <[email protected]>

* fix: error ci

---------

Co-authored-by: Bonn <[email protected]>

* fix: z-index

* style: remove z-index

* feat: AmityStoryTargetSelectionPage

* fix: remove console.log

* feat: lexical

* fix: restructure LiveChat

# Conflicts:
#	src/v4/core/providers/AmityUIKitProvider.tsx
#	src/v4/social/components/PostContent/ImageContent/ImageContent.tsx
#	src/v4/social/components/PostContent/VideoContent/VideoContent.tsx

* fix: a new MessageComposer

* chore: remove packageManager field

* fix: fix import

* fix: type error

* fix: enter to send only on h/w keyboard

* chore: update LiveChate storybook

* fix: update livechat configuration

* chore: update src/v4/chat/elements/SenderMessageBubble/SenderMessageBubble.tsx

Co-authored-by: Pitchaya T. <[email protected]>

* chore: apply suggestions from code review

Co-authored-by: Pitchaya T. <[email protected]>

---------

Co-authored-by: Pitchaya T. <[email protected]>

* fix: i18n error

* fix: global feed story index

* fix: CommunityFeedStory

* fix: change unit to dvw and dvh

* fix: change p to span because an error in a browser

* fix: globalfeed key

* fix: stop drag default and remove unnecessary preventDefault

* fix: cannot click on mobille

* fix: prevent drag event

* fix: UIPostAd

* chore: add TODO

* fix: style on mobile

* fix: Linkify

* fix: story uploading state

* fix: remove unnessescary useMeme

* fix: remove unused

* fix: bottom sheet story

* fix: remove unused

* fix: done button type

* fix: type

* feat: create post button

* feat: code snippet

* feat: update MyCommunitiesSearchPage

* fest: export components and page

* fix: ci error

* feat: export TopNavigation

* fix: types

* feat: export AmitySocialHomePageTab

---------

Co-authored-by: Bonn <[email protected]>

* fix: story uploading state

* fix: remove unnessescary useMeme

* fix: remove unused

* fix: bottom sheet story

* fix: video duration

* fix: remove unused

* fix: type

* fix: done button type

* fix: type

* fix: ignore type

* fix duration

* fix: story image bottom sheet

* fix: story uploading state

* fix: remove unnessescary useMeme

* fix: remove unused

* fix: bottom sheet story

* fix: video duration

* fix: remove unused

* fix: type

* fix: done button type

* fix: type

* fix: ignore type

* fix duration

* fix: story image bottom sheet

* fix: image local

…eta.9

# Conflicts:
#	.github/workflows/dev.yaml
#	.github/workflows/staging.yaml
#	.npmrc
#	.storybook/decorators/UiKitDecorator.tsx
#	.storybook/decorators/UiKitV4Decorator.tsx
#	CHANGELOG.md
#	amity-uikit.config.json
#	package.json
#	pnpm-lock.yaml
#	readme.md
#	src/core/providers/UiKitProvider/index.tsx
#	src/global.d.ts
#	src/icons/Play.tsx
#	src/index.ts
#	src/social/components/CommentList/index.tsx
#	src/social/components/StoryTab/StoryTab.tsx
#	src/social/components/StoryTab/styles.tsx
#	src/social/components/StoryViewer/Renderers/AutoPlayContent.tsx
#	src/social/components/StoryViewer/Renderers/Default.tsx
#	src/social/components/StoryViewer/Renderers/Wrappers/Footer/styles.tsx
#	src/social/components/StoryViewer/Renderers/index.tsx
#	src/social/components/StoryViewer/Renderers/styles.tsx
#	src/social/components/StoryViewer/Renderers/types.ts
#	src/social/components/StoryViewer/index.tsx
#	src/social/pages/Application/index.tsx
#	src/social/pages/CommunityFeed/index.tsx
#	src/social/pages/DraftPage.tsx
#	src/social/v4/elements/CancelButton/index.ts
#	src/social/v4/elements/CommentButton/index.ts
#	src/social/v4/elements/CreateStoryButton/index.ts
#	src/social/v4/internal-components/StoryViewer/Renderers/AutoPlayContent.tsx
#	src/social/v4/internal-components/StoryViewer/Renderers/Default.tsx
#	src/social/v4/internal-components/StoryViewer/Renderers/styles.tsx
#	src/v4/chat/components/MessageQuickReaction/index.tsx
#	src/v4/chat/hooks/collections/useSearchChannelUser.ts
#	src/v4/chat/hooks/useChannel.ts
#	src/v4/chat/hooks/useChannelPermission.ts
#	src/v4/chat/hooks/useCommunity.ts
#	src/v4/chat/hooks/useCurrentUserChannelMembership.ts
#	src/v4/chat/hooks/useMention.ts
#	src/v4/chat/pages/index.ts
#	src/v4/core/AmityUIKitManager.ts
#	src/v4/core/IconComponent.tsx
#	src/v4/core/components/Avatar/Avatar.module.css
#	src/v4/core/components/Avatar/Avatar.tsx
#	src/v4/core/components/Avatar/index.ts
#	src/v4/core/components/BottomSheet/BottomSheet.module.css
#	src/v4/core/components/BottomSheet/BottomSheet.tsx
#	src/v4/core/components/ConfirmModal/index.tsx
#	src/v4/core/components/ConfirmModal/styles.module.css
#	src/v4/core/components/Drawer/Drawer.module.css
#	src/v4/core/components/InputText/styles.module.css
#	src/v4/core/components/LoadMoreWrapper/LoadMoreWrapper.module.css
#	src/v4/core/components/Modal/index.tsx
#	src/v4/core/components/Modal/styles.module.css
#	src/v4/core/components/Notification/index.tsx
#	src/v4/core/components/SocialMentionItem/index.tsx
#	src/v4/core/components/SocialMentionItem/styles.module.css
#	src/v4/core/components/Typography/Typography.tsx
#	src/v4/core/hooks/collections/useCommunity.ts
#	src/v4/core/hooks/collections/useFollowersCollection.ts
#	src/v4/core/hooks/collections/useFollowingsCollection.ts
#	src/v4/core/hooks/collections/useUsersCollection.ts
#	src/v4/core/hooks/objects/usePost.ts
#	src/v4/core/hooks/objects/useUser.ts
#	src/v4/core/hooks/subscriptions/useCommentSubscription.ts
#	src/v4/core/hooks/subscriptions/useCommunityReactionSubscription.ts
#	src/v4/core/hooks/subscriptions/useCommunitySubscription.ts
#	src/v4/core/hooks/subscriptions/usePostSubscription.ts
#	src/v4/core/hooks/subscriptions/useReactionSubscription.ts
#	src/v4/core/hooks/subscriptions/useSubscription.ts
#	src/v4/core/hooks/subscriptions/useUserReactionSubscription.ts
#	src/v4/core/hooks/subscriptions/useUserSubscription.ts
#	src/v4/core/hooks/useImage.ts
#	src/v4/core/hooks/useLiveCollection.ts
#	src/v4/core/hooks/useLiveObject.ts
#	src/v4/core/hooks/usePostFlaggedByMe.ts
#	src/v4/core/hooks/usePostPermissions.ts
#	src/v4/core/providers/AmityUIKitProvider.tsx
#	src/v4/core/providers/CustomizationProvider.tsx
#	src/v4/core/providers/NavigationProvider.tsx
#	src/v4/core/providers/PageBehaviorProvider.tsx
#	src/v4/core/providers/ThemeProvider.tsx
#	src/v4/helpers/utils.ts
#	src/v4/icons/QuickReactionIcon.tsx
#	src/v4/icons/Verified.tsx
#	src/v4/social/components/CommentEdition/CommentEdition.tsx
#	src/v4/social/components/CommentTray/CommentTray.tsx
#	src/v4/social/components/CommunitySearchResult/CommunityItemSkeleton.module.css
#	src/v4/social/components/CommunitySearchResult/CommunitySearchResult.module.css
#	src/v4/social/components/CommunitySearchResult/CommunitySearchResult.stories.tsx
#	src/v4/social/components/CommunitySearchResult/CommunitySearchResult.tsx
#	src/v4/social/components/CreatePostMenu/CreatePostMenu.module.css
#	src/v4/social/components/CreatePostMenu/CreatePostMenu.tsx
#	src/v4/social/components/EmptyNewsFeed/EmptyNewsFeed.module.css
#	src/v4/social/components/GlobalFeed/GlobalFeed.module.css
#	src/v4/social/components/GlobalFeed/GlobalFeed.tsx
#	src/v4/social/components/HyperLinkConfig/HyperLinkConfig.module.css
#	src/v4/social/components/HyperLinkConfig/HyperLinkConfig.tsx
#	src/v4/social/components/MyCommunities/MyCommunities.module.css
#	src/v4/social/components/Newsfeed/Newsfeed.module.css
#	src/v4/social/components/Newsfeed/Newsfeed.tsx
#	src/v4/social/components/PostContent/Crying.tsx
#	src/v4/social/components/PostContent/Fire.tsx
#	src/v4/social/components/PostContent/Happy.tsx
#	src/v4/social/components/PostContent/ImageContent/ImageContent.module.css
#	src/v4/social/components/PostContent/ImageContent/ImageContent.tsx
#	src/v4/social/components/PostContent/Like.tsx
#	src/v4/social/components/PostContent/LinkPreview/LinkPreview.tsx
#	src/v4/social/components/PostContent/Love.tsx
#	src/v4/social/components/PostContent/PostContent.module.css
#	src/v4/social/components/PostContent/PostContent.tsx
#	src/v4/social/components/PostContent/PostContentSkeleton.module.css
#	src/v4/social/components/PostContent/TextContent/TextContent.tsx
#	src/v4/social/components/PostContent/VideoContent/VideoContent.tsx
#	src/v4/social/components/ReactionList/ReactionList.module.css
#	src/v4/social/components/ReactionList/ReactionList.tsx
#	src/v4/social/components/ReactionList/ReactionListPanel.tsx
#	src/v4/social/components/StoryTab/StoryTab.tsx
#	src/v4/social/components/StoryTab/StoryTabCommunity.module.css
#	src/v4/social/components/StoryTab/StoryTabCommunity.tsx
#	src/v4/social/components/StoryTab/StoryTabGlobalFeed.module.css
#	src/v4/social/components/StoryTab/StoryTabGlobalFeed.tsx
#	src/v4/social/components/StoryTab/StoryTabItem.tsx
#	src/v4/social/components/TopNavigation/TopNavigation.module.css
#	src/v4/social/components/TopNavigation/TopNavigation.tsx
#	src/v4/social/components/TopSearchBar/TopSearchBar.module.css
#	src/v4/social/components/TopSearchBar/TopSearchBar.tsx
#	src/v4/social/components/UserSearchResult/UserSearchItemSkeleton.module.css
#	src/v4/social/components/UserSearchResult/UserSearchResult.module.css
#	src/v4/social/components/index.ts
#	src/v4/social/elements/AspectRatioButton/AspectRatioButton.module.css
#	src/v4/social/elements/AspectRatioButton/AspectRatioButton.tsx
#	src/v4/social/elements/BackButton/BackButton.module.css
#	src/v4/social/elements/BackButton/BackButton.tsx
#	src/v4/social/elements/CancelButton/CancelButton.module.css
#	src/v4/social/elements/CancelButton/CancelButton.tsx
#	src/v4/social/elements/CancelButton/index.ts
#	src/v4/social/elements/CancelButton/index.tsx
#	src/v4/social/elements/ClearButton/ClearButton.tsx
#	src/v4/social/elements/CloseButton/CloseButton.module.css
#	src/v4/social/elements/CloseButton/CloseButton.tsx
#	src/v4/social/elements/CommentBubbleDeleted/CommentBubbleDeleted.tsx
#	src/v4/social/elements/CommentButton/CommentButton.tsx
#	src/v4/social/elements/CommentButton/index.ts
#	src/v4/social/elements/CommentButton/index.tsx
#	src/v4/social/elements/CommunityDisplayName/CommunityDisplayName.module.css
#	src/v4/social/elements/CommunityDisplayName/CommunityDisplayName.tsx
#	src/v4/social/elements/CreateNewStoryButton/CreateNewStoryButton.module.css
#	src/v4/social/elements/CreateNewStoryButton/CreateNewStoryButton.tsx
#	src/v4/social/elements/CreatePostButton/CreatePostButton.module.css
#	src/v4/social/elements/CreatePostButton/CreatePostButton.tsx
#	src/v4/social/elements/CreateStoryButton/CreateStoryButton.module.css
#	src/v4/social/elements/CreateStoryButton/CreateStoryButton.tsx
#	src/v4/social/elements/CreateStoryButton/index.ts
#	src/v4/social/elements/CreateStoryButton/index.tsx
#	src/v4/social/elements/DoneButton/DoneButton.module.css
#	src/v4/social/elements/DoneButton/DoneButton.tsx
#	src/v4/social/elements/ExploreButton/ExploreButton.tsx
#	src/v4/social/elements/GlobalSearchButton/GlobalSearchButton.module.css
#	src/v4/social/elements/GlobalSearchButton/GlobalSearchButton.tsx
#	src/v4/social/elements/HyperLinkButton/HyperLinkButton.module.css
#	src/v4/social/elements/HyperLinkButton/HyperLinkButton.tsx
#	src/v4/social/elements/MenuButton/MenuButton.tsx
#	src/v4/social/elements/MyCommunitiesButton/MyCommunitiesButton.tsx
#	src/v4/social/elements/MyTimelineText/MyTimelineText.module.css
#	src/v4/social/elements/NewsfeedButton/NewsfeedButton.tsx
#	src/v4/social/elements/OverflowMenuButton/OverflowMenuButton.module.css
#	src/v4/social/elements/OverflowMenuButton/OverflowMenuButton.tsx
#	src/v4/social/elements/PostCreationButton/PostCreationButton.module.css
#	src/v4/social/elements/PostCreationButton/PostCreationButton.tsx
#	src/v4/social/elements/ReactionButton/Crying.tsx
#	src/v4/social/elements/ReactionButton/Fire.tsx
#	src/v4/social/elements/ReactionButton/Happy.tsx
#	src/v4/social/elements/ReactionButton/Like.tsx
#	src/v4/social/elements/ReactionButton/Love.tsx
#	src/v4/social/elements/ReactionButton/ReactionButton.module.css
#	src/v4/social/elements/ReactionButton/ReactionButton.tsx
#	src/v4/social/elements/SaveButton/SaveButton.tsx
#	src/v4/social/elements/SearchIcon/SearchIcon.tsx
#	src/v4/social/elements/SpeakerButton/SpeakerButton.module.css
#	src/v4/social/elements/SpeakerButton/SpeakerButton.tsx
#	src/v4/social/elements/StoryCommentButton/StoryCommentButton.module.css
#	src/v4/social/elements/StoryCommentButton/StoryCommentButton.tsx
#	src/v4/social/elements/StoryReactionButton/StoryReactionButton.module.css
#	src/v4/social/elements/StoryReactionButton/StoryReactionButton.tsx
#	src/v4/social/elements/StoryRing/StoryRing.module.css
#	src/v4/social/elements/StoryRing/StoryRing.tsx
#	src/v4/social/hooks/collections/useCommentsCollection.ts
#	src/v4/social/hooks/collections/useCommunitiesCollection.ts
#	src/v4/social/hooks/collections/useCommunityMembersCollection.ts
#	src/v4/social/hooks/collections/useCommunityModeratorsCollection.ts
#	src/v4/social/hooks/collections/useGlobalStoryTargets.ts
#	src/v4/social/hooks/useCommentFlaggedByMe.ts
#	src/v4/social/hooks/useCommunityInfo.ts
#	src/v4/social/hooks/useCommunityPermission.ts
#	src/v4/social/hooks/useCommunityStoriesSubscription.ts
#	src/v4/social/hooks/useGetActiveStories.ts
#	src/v4/social/hooks/useGetStoryByStoryId.ts
#	src/v4/social/hooks/useUserQueryByDisplayName.ts
#	src/v4/social/internal-components/Comment/Comment.module.css
#	src/v4/social/internal-components/Comment/UIComment.module.css
#	src/v4/social/internal-components/Comment/UIComment.tsx
#	src/v4/social/internal-components/Comment/index.tsx
#	src/v4/social/internal-components/CommentComposeBar/CommentComposeBar.module.css
#	src/v4/social/internal-components/CommentComposeBar/CommentComposeBar.tsx
#	src/v4/social/internal-components/CommentList/CommentList.module.css
#	src/v4/social/internal-components/CommentList/CommentList.tsx
#	src/v4/social/internal-components/ImageViewer/ImageViewer.module.css
#	src/v4/social/internal-components/ImageViewer/ImageViewer.tsx
#	src/v4/social/internal-components/Linkify/Linkify.tsx
#	src/v4/social/internal-components/LoadingIndicator/LoadingIndicator.module.css
#	src/v4/social/internal-components/PostMenu/PostMenu.module.css
#	src/v4/social/internal-components/PostMenu/PostMenu.tsx
#	src/v4/social/internal-components/StoryPreview/StoryPreview.module.css
#	src/v4/social/internal-components/StoryPreview/StoryPreview.tsx
#	src/v4/social/internal-components/StoryPreview/index.ts
#	src/v4/social/internal-components/StoryPreview/ui.stories.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/AutoPlayContent.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/Default.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/Image.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/Renderers.module.css
#	src/v4/social/internal-components/StoryViewer/Renderers/Video.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/Wrappers/Footer/Footer.module.css
#	src/v4/social/internal-components/StoryViewer/Renderers/Wrappers/Footer/index.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/Wrappers/Header/Header.module.css
#	src/v4/social/internal-components/StoryViewer/Renderers/index.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/styles.tsx
#	src/v4/social/internal-components/StoryViewer/Renderers/types.ts
#	src/v4/social/internal-components/TabButton/TabButton.module.css
#	src/v4/social/internal-components/TabButton/TabButton.tsx
#	src/v4/social/internal-components/TabsBar/TabsBar.module.css
#	src/v4/social/internal-components/UserAvatar/UserAvatar.tsx
#	src/v4/social/internal-components/VideoViewer/VideoViewer.module.css
#	src/v4/social/internal-components/VideoViewer/VideoViewer.tsx
#	src/v4/social/pages/Application/index.tsx
#	src/v4/social/pages/DraftsPage/DraftsPage.module.css
#	src/v4/social/pages/DraftsPage/DraftsPage.tsx
#	src/v4/social/pages/PostDetailPage/PostDetailPage.module.css
#	src/v4/social/pages/PostDetailPage/PostDetailPage.tsx
#	src/v4/social/pages/SelectPostTargetPage/SelectPostTargetPage.module.css
#	src/v4/social/pages/SelectPostTargetPage/SelectPostTargetPage.tsx
#	src/v4/social/pages/SocialGlobalSearchPage/SocialGlobalSearchPage.module.css
#	src/v4/social/pages/SocialGlobalSearchPage/SocialGlobalSearchPage.tsx
#	src/v4/social/pages/SocialHomePage/SocialHomePage.module.css
#	src/v4/social/pages/SocialHomePage/SocialHomePage.tsx
#	src/v4/social/pages/SocialHomePage/index.tsx
#	src/v4/social/pages/StoryPage/CommunityFeedStory.tsx
#	src/v4/social/pages/StoryPage/GlobalFeedStory.tsx
#	src/v4/social/pages/StoryPage/StoryPage.module.css
#	src/v4/social/pages/StoryPage/ViewStoryPage.tsx
#	src/v4/social/pages/index.ts
#	src/v4/styles/global.css